Aquí está el código que hará que los usuarios coordinen y guarden las coordenadas en el almacenamiento local, pero muestra [elemento de párrafo HTML del objeto] como valor almacenado si puedo guardarlo como valor numérico sería fácil de exportar soy un novato por favor ayúdenme a resuelve este problema
var x = document.getElementById("demo"); var k = document.getElementById("demon"); localStorage.setItem("cor",k); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = "Geolocation is not supported by this browser."; } } function showPosition(position) { x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; k.innerHTML =position.coords.latitude } <!DOCTYPE html> <html> <body> <p>Click the button to get your coordinates.</p> <button onclick="getLocation()">Try It</button> <p id="demo"></p> <p id="demon"></p> </body> </html>LocalStorage solo almacena elementos como valores de cadena. Asi que
localStorage.setItem("cor",k); convierte k (un HTMLParagraphElement) en una cadena, "[objeto Elemento de párrafo HTML]" en su navegador, y lo guarda como elemento "cor".
Para guardar las coordenadas, intente convertirlas en una cadena JSON, después de obtenerlas en la devolución de llamada de showPosition , llamando a JSON.stringify con un objeto de coordenadas como argumento:
function showPosition(position) { const {latitude, longitude} = position.coords; // save in local storage: localStorage.setItem("cor",JSON.stringify({latitude, longitude}); // as posted: x.innerHTML = "Latitude: " + latitude + "<br>Longitude: " + longitude; k.innerHTML =position.coords.latitude } Para volver a leer las coordenadas, pase el valor de cadena de getItem("cor") a JSON.parse para volver a crear el objeto {latitude, longitude} .